<style scoped>

    @import '../styles/index.css';
    @import "../styles/tasks.css";
</style>
<template>
    <div class="layout">
        <Menu mode="horizontal">
            <div class="layout-logo"><span class="logo-font"><b>Seam Admin</b></span></div>
        </Menu>
        <div class="layout-content">
            <Row>
                <i-col span="3">
                    <Menu @on-select="rightPanel">
                        <Menu-group title="任务&预警">
                            <Menu-item name="/tasks">
                                <Icon type="ios-list"></Icon>
                                任务管理
                            </Menu-item>
                            <Menu-item name="/tasks2">
                                <Icon type="ios-stopwatch"></Icon>
                                预警管理
                            </Menu-item>
                        </Menu-group>
                        <Menu-group title="系统">
                            <Menu-item name="/tasks2">
                                <Icon type="ios-person"></Icon>
                                用户管理
                            </Menu-item>
                            <Menu-item name="4">
                                <Icon type="ios-browsers"></Icon>
                                日志管理
                            </Menu-item>
                        </Menu-group>
                    </Menu>
                </i-col>
                <i-col span="21">
                    <router-view></router-view>
                </i-col>
            </Row>
        </div>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                active:''
            }
        },
        components: {},
        methods: {
            rightPanel(router_path) {
                this.$router.push(router_path)
            }
        },
        mounted() {
        }
    }
</script>